<template>
  <div class="NavbarAi">
<div class="left">
  <div class="zuo">工作台</div>
  <div  class="you">
    <span >仓库管理</span>
  <i class="el-icon-close"></i>
  </div>
</div>
<div class="right">
  <div>
    <el-dropdown>
  <span class="el-dropdown-link">
   <i class="el-icon-arrow-down el-icon--right"></i>
  </span>
  <el-dropdown-menu slot="dropdown">
    <el-dropdown-item>
      <i class="el-icon-back"></i>
      关闭左侧</el-dropdown-item>
    <el-dropdown-item>
      <i class="el-icon-right"></i>
      关闭右侧</el-dropdown-item>
    <el-dropdown-item>
      <i class="el-icon-close"></i>
      关闭其他</el-dropdown-item>
    <el-dropdown-item>
      <i class="el-icon-error"></i>
      全部关闭</el-dropdown-item>

  </el-dropdown-menu>
</el-dropdown>

  </div>
</div>
  </div>
</template>

<script >
export default {

}
</script >

<style lang="scss" scoped>
.NavbarAi{
  position:fixed;
  width: 100%;
  height: 64px;
  background-color: #f5f1f1;
  margin-bottom: 10px;
  .left{
    width: 1253px;
    display:flex;
    .zuo{
      padding: 0 15px 0 15px;
      display: inline-block;
    // position: relative;
    cursor: pointer;
    margin-left: 20px;
    height: 36px;
    width: 39px;
    background: #fff;
    border-radius: 6px;
    line-height: 36px;
    color: #b5abab;
    padding: 0 9px 0 15px;
    font-size: 13px;
    // margin-left: 10px;
    margin-top: 14px;
    margin-bottom: 14px;
    font-weight: 400;
    // font-family: PingFangSC,PingFangSC-Regular;
    }
    .you{
      padding: 0 15px 0 15px;
      display: inline-block;
      span{
        color: #ffb200;
      }
    // position: relative;
    cursor: pointer;
    margin-left: 10px;
    height: 36px;
    width: 71px;
    background: #fff;
    border-radius: 6px;
    line-height: 36px;
    color: #b5abab;
    padding: 0 9px 0 15px;
    font-size: 13px;
    // margin-left: 10px;
    margin-top: 14px;
    margin-bottom: 14px;
    font-weight: 400;
    font-family: PingFangSC,PingFangSC-Regular;
    i{
      margin-left: 5px;
    }
    }
  }
  .right{
    width: 36px;
    height: 36px;
    background: #fff;
    border-radius: 6px;
    position: absolute!important;
    right: 34px;
    top: 14px;
    display: flex;
    justify-content: center;
    align-items: center;
div{
  display: inline-block;
    position: relative;
    color: #1f2d3d;
    font-size: 14px;
    .el-dropdown-link {
    cursor: pointer;
    color: #409EFF;
  }
  .el-icon-arrow-down {
    font-size: 12px;
  }
  i{
    margin-right: 10px;
  }
}
  }
}
</style>
